$(() => {

    // // 基于$.ajax进行二次封装
    // const myajax = (type, url, data, success) => {
    //     $.ajax({
    //         type,      //请求方法
    //         url: 'http://localhost:8080/api/v1' + url,       //请求地址
    //         headers: {
    //             Authorization: localStorage.getItem('dsj_token')
    //         },
    //         data,      //请求参数
    //         success,
    //     })
    // }


    // 定义一个全局state 
    let state = ''


    // 获取表单数据
    $('form').on('submit', (e) => {
        e.preventDefault()
        // 获取表单数据 带name 属性的值
        const fd = new FormData($('form').get(0))
        fd.append('state', state)
        console.log(222);

        // fd  打印测试需要用到 forEach
        fd.forEach((value, key) => {
            console.log({ value, key });
        })


        myajax('POST', '/admin/article/publish', fd, (res) => {
            // 成功情况
            if (res.code === 200) {
                layer.msg(res.msg, { icon: 6, time: 1000 }, () => {
                    location.href = 'article_list.html'
                });
            } else {
                // 失败
                layer.msg(res.msg, { icon: 6, time: 1000 });
            }
        })
    })
    //     $.ajax({
    //         type: 'POST',      //请求方法
    //         url: 'http://localhost:8080/api/v1/admin/article/publish',       //请求地址
    //         data: fd,      //请求参数
    //         processData: false,
    //         contentType: false,
    //         headers: {
    //             Authorization: localStorage.getItem('dsj_token')
    //         },
    //         success: (res) => {
    //             console.log('请求成功后执行', res)
    //             // 成功情况
    //             if (res.code === 200) {
    //                 layer.msg(res.msg, { icon: 6, time: 1000 }, () => {
    //                     location.href = 'article_list.html'
    //                 });
    //             } else {
    //                 // 失败
    //                 layer.msg(res.msg, { icon: 6, time: 1000 });
    //             }
    //         }
    //     })
    // })

    // 发布按钮绑定事件 为了获取 state状态 先触发自己的事件 ,在冒泡触发表达提交事件
    $('submit').on('click', () => {
        // 更新标记
        state = '已发布'
    })


    // 初始化日期
    const renderDate = () => {
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#articleDate' //指定元素
            });
        });
    }
    renderDate()

    // 初始化富文本编辑器   http://tinymce.ax-z.cn/quick-start.php
    const renderRichtext = () => {
        tinymce.init({
            selector: '#articleContent',
            directionality: 'ltr',
            language: 'zh_CN'
        });
    }
    renderRichtext()


    // 动态渲染下拉分类列表
    const getCategorylist = () => {
        myajax('GET', '/admin/category/list', {}, (res) => {
            // console.log(res);
            const htmlStr = template('moban', res)
            $('#category').html(htmlStr)
        })
    }
    getCategorylist()


})